*{
    margin: 0;
    padding:0;
    list-style:none;
}

ul{
    position: relative;
    width: 1150px;
    height: 712px;
    border: 1px solid #ccc;
    margin: 100px auto;
}

ul li{
    position: absolute;
    width: 370px;
    height: 224px;
    border-radius:10px;
    overflow: hidden;
    cursor: pointer;
}

ul li img{
    width: 100%;
    height: 100%;
}

ul li:nth-child(1){
    top:10px;
    left:10px;
}

ul li:nth-child(2){
    top:10px;
    left:390px;
}
ul li:nth-child(3){
    top:10px;
    left:770px;
}

ul li:nth-child(4){
    top:244px;
    left:10px;
}
ul li:nth-child(5){
    top:244px;
    left:390px;
}
ul li:nth-child(6){
    top:244px;
    left:770px;
}

ul li:nth-child(7){
    top:478px;
    left:10px;
}
ul li:nth-child(8){
    top:478px;
    left:390px;
}
ul li:nth-child(9){
    top:478px;
    left:770px;
}
